
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>IconFont</title>
    <link rel="stylesheet" href="demo.css">
    <link rel="stylesheet" href="iconfont.css">
</head>
<body>
    <div class="main markdown">
        <h1>IconFont 图标</h1>
        <ul class="icon_lists clear">
            
                <li>
                <i class="icon iconfont icon-dayin"></i>
                    <div class="name">打印</div>
                    <div class="fontclass">.icon-dayin</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-30"></i>
                    <div class="name">美元</div>
                    <div class="fontclass">.icon-30</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xiazai"></i>
                    <div class="name">下载</div>
                    <div class="fontclass">.icon-xiazai</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zhongdian"></i>
                    <div class="name">终点</div>
                    <div class="fontclass">.icon-zhongdian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiagebaohu"></i>
                    <div class="name">价格保护</div>
                    <div class="fontclass">.icon-jiagebaohu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-ditu"></i>
                    <div class="name">地图</div>
                    <div class="fontclass">.icon-ditu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-lock"></i>
                    <div class="name">锁</div>
                    <div class="fontclass">.icon-lock</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-star"></i>
                    <div class="name">star</div>
                    <div class="fontclass">.icon-star</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-894xunhuanshijian"></i>
                    <div class="name">894-循环时间</div>
                    <div class="fontclass">.icon-894xunhuanshijian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-plane"></i>
                    <div class="name">飞机</div>
                    <div class="fontclass">.icon-plane</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wheelchair"></i>
                    <div class="name">轮椅;</div>
                    <div class="fontclass">.icon-wheelchair</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xingxing"></i>
                    <div class="name">星星</div>
                    <div class="fontclass">.icon-xingxing</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yonghuming"></i>
                    <div class="name">用户名</div>
                    <div class="fontclass">.icon-yonghuming</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-logo-wechat"></i>
                    <div class="name">微信</div>
                    <div class="fontclass">.icon-logo-wechat</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiudian"></i>
                    <div class="name">酒店</div>
                    <div class="fontclass">.icon-jiudian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-liebiao"></i>
                    <div class="name">列表</div>
                    <div class="fontclass">.icon-liebiao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wendang"></i>
                    <div class="name">文档</div>
                    <div class="fontclass">.icon-wendang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-lianxiren"></i>
                    <div class="name">联系人</div>
                    <div class="fontclass">.icon-lianxiren</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-qian2"></i>
                    <div class="name">钱</div>
                    <div class="fontclass">.icon-qian2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-sousuo"></i>
                    <div class="name">搜索</div>
                    <div class="fontclass">.icon-sousuo</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-guanbi"></i>
                    <div class="name">guanbi</div>
                    <div class="fontclass">.icon-guanbi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiahao1"></i>
                    <div class="name">加号</div>
                    <div class="fontclass">.icon-jiahao1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shizhong"></i>
                    <div class="name">时钟</div>
                    <div class="fontclass">.icon-shizhong</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yue01"></i>
                    <div class="name">余额</div>
                    <div class="fontclass">.icon-yue01</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-duigou"></i>
                    <div class="name">对勾</div>
                    <div class="fontclass">.icon-duigou</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-dizhi1"></i>
                    <div class="name">地址</div>
                    <div class="fontclass">.icon-dizhi1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shezhi1"></i>
                    <div class="name">设置</div>
                    <div class="fontclass">.icon-shezhi1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wuneiwifi"></i>
                    <div class="name">wuneiwifi</div>
                    <div class="fontclass">.icon-wuneiwifi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-5"></i>
                    <div class="name">飞机</div>
                    <div class="fontclass">.icon-5</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-feiji800"></i>
                    <div class="name">飞行 旅游 出差 飞机 800</div>
                    <div class="fontclass">.icon-feiji800</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-qianbi"></i>
                    <div class="name">钱币</div>
                    <div class="fontclass">.icon-qianbi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-iconfontjikediancanicon20"></i>
                    <div class="name">银行卡</div>
                    <div class="fontclass">.icon-iconfontjikediancanicon20</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jianshen"></i>
                    <div class="name">健身</div>
                    <div class="fontclass">.icon-jianshen</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-building"></i>
                    <div class="name">大厦</div>
                    <div class="fontclass">.icon-building</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xiala"></i>
                    <div class="name">下拉</div>
                    <div class="fontclass">.icon-xiala</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-mine-red"></i>
                    <div class="name">wo-de-red</div>
                    <div class="fontclass">.icon-mine-red</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-duorenyonghu2"></i>
                    <div class="name">多人 用户 2</div>
                    <div class="fontclass">.icon-duorenyonghu2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-fuxuankuang"></i>
                    <div class="name">复选框</div>
                    <div class="fontclass">.icon-fuxuankuang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-ai-home"></i>
                    <div class="name">首页</div>
                    <div class="fontclass">.icon-ai-home</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-listfeiji"></i>
                    <div class="name">list_飞机</div>
                    <div class="fontclass">.icon-listfeiji</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-huidaodingbu"></i>
                    <div class="name">回到顶部</div>
                    <div class="fontclass">.icon-huidaodingbu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zhengcefagui3"></i>
                    <div class="name">政策法规 (3)</div>
                    <div class="fontclass">.icon-zhengcefagui3</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shezhi"></i>
                    <div class="name">shezhi</div>
                    <div class="fontclass">.icon-shezhi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xinyongqia1"></i>
                    <div class="name">信用卡1</div>
                    <div class="fontclass">.icon-xinyongqia1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shijian101"></i>
                    <div class="name">时间1-01</div>
                    <div class="fontclass">.icon-shijian101</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-kefu"></i>
                    <div class="name">客服</div>
                    <div class="fontclass">.icon-kefu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-trainhuoche"></i>
                    <div class="name">train-火车</div>
                    <div class="fontclass">.icon-trainhuoche</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-ai-connection"></i>
                    <div class="name">人脉</div>
                    <div class="fontclass">.icon-ai-connection</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiudianxinxiguanli"></i>
                    <div class="name">酒店信息管理</div>
                    <div class="fontclass">.icon-jiudianxinxiguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-setup"></i>
                    <div class="name">设置</div>
                    <div class="fontclass">.icon-setup</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-unie607"></i>
                    <div class="name">客服</div>
                    <div class="fontclass">.icon-unie607</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-password"></i>
                    <div class="name">password</div>
                    <div class="fontclass">.icon-password</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-ren"></i>
                    <div class="name">人</div>
                    <div class="fontclass">.icon-ren</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-rili"></i>
                    <div class="name">日历</div>
                    <div class="fontclass">.icon-rili</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zhifubao"></i>
                    <div class="name">支付宝</div>
                    <div class="fontclass">.icon-zhifubao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zhanneisousuo"></i>
                    <div class="name">站内搜索</div>
                    <div class="fontclass">.icon-zhanneisousuo</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zhifubao1"></i>
                    <div class="name">支付宝</div>
                    <div class="fontclass">.icon-zhifubao1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zhifubao2"></i>
                    <div class="name">支付宝</div>
                    <div class="fontclass">.icon-zhifubao2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xiaolian"></i>
                    <div class="name">笑脸</div>
                    <div class="fontclass">.icon-xiaolian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-emizhifeiji"></i>
                    <div class="name">emi纸飞机</div>
                    <div class="fontclass">.icon-emizhifeiji</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-weixin"></i>
                    <div class="name">微信</div>
                    <div class="fontclass">.icon-weixin</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shouyi1"></i>
                    <div class="name">收益 (1)</div>
                    <div class="fontclass">.icon-shouyi1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xiaoxitixing"></i>
                    <div class="name">消息提醒</div>
                    <div class="fontclass">.icon-xiaoxitixing</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jinbishangchengyuan"></i>
                    <div class="name">金币商城_圆</div>
                    <div class="fontclass">.icon-jinbishangchengyuan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-weixin-copy"></i>
                    <div class="name">微信</div>
                    <div class="fontclass">.icon-weixin-copy</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-ai55"></i>
                    <div class="name">禁止</div>
                    <div class="fontclass">.icon-ai55</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-rili2"></i>
                    <div class="name">日历</div>
                    <div class="fontclass">.icon-rili2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-chenggong"></i>
                    <div class="name">成功</div>
                    <div class="fontclass">.icon-chenggong</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shibai"></i>
                    <div class="name">失败</div>
                    <div class="fontclass">.icon-shibai</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-huiyishi"></i>
                    <div class="name">会议室</div>
                    <div class="fontclass">.icon-huiyishi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-search"></i>
                    <div class="name">搜索</div>
                    <div class="fontclass">.icon-search</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-duoxuankuang2"></i>
                    <div class="name">多选框2</div>
                    <div class="fontclass">.icon-duoxuankuang2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shoufeitingchechang"></i>
                    <div class="name">收费停车场</div>
                    <div class="fontclass">.icon-shoufeitingchechang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-dunpai"></i>
                    <div class="name">盾牌</div>
                    <div class="fontclass">.icon-dunpai</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yuanquan-copy"></i>
                    <div class="name">圆圈</div>
                    <div class="fontclass">.icon-yuanquan-copy</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-iconfontzhizuobiaozhun023101"></i>
                    <div class="name">首页</div>
                    <div class="fontclass">.icon-iconfontzhizuobiaozhun023101</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-linecar106"></i>
                    <div class="name">车巴巴-下拉框箭头2</div>
                    <div class="fontclass">.icon-linecar106</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-linecar105"></i>
                    <div class="name">车巴巴-下拉框箭头1</div>
                    <div class="fontclass">.icon-linecar105</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tianjia"></i>
                    <div class="name">添加</div>
                    <div class="fontclass">.icon-tianjia</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-dingdanshenpi"></i>
                    <div class="name">订单审批</div>
                    <div class="fontclass">.icon-dingdanshenpi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xinxi"></i>
                    <div class="name">信息</div>
                    <div class="fontclass">.icon-xinxi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tixing2"></i>
                    <div class="name">提醒</div>
                    <div class="fontclass">.icon-tixing2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-duihao2"></i>
                    <div class="name">对号2</div>
                    <div class="fontclass">.icon-duihao2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-dizhi"></i>
                    <div class="name">地址</div>
                    <div class="fontclass">.icon-dizhi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xiyifuwu"></i>
                    <div class="name">洗衣服务</div>
                    <div class="fontclass">.icon-xiyifuwu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-feiji3"></i>
                    <div class="name">飞机</div>
                    <div class="fontclass">.icon-feiji3</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-loufang"></i>
                    <div class="name">楼房</div>
                    <div class="fontclass">.icon-loufang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xuanzeanniu"></i>
                    <div class="name">选择按钮</div>
                    <div class="fontclass">.icon-xuanzeanniu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-huochepiao1"></i>
                    <div class="name">火车票</div>
                    <div class="fontclass">.icon-huochepiao1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-plain"></i>
                    <div class="name">943菜单_机票</div>
                    <div class="fontclass">.icon-plain</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-gengduo"></i>
                    <div class="name">更多</div>
                    <div class="fontclass">.icon-gengduo</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiantou-copy"></i>
                    <div class="name">箭头</div>
                    <div class="fontclass">.icon-jiantou-copy</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-hangli"></i>
                    <div class="name">行李</div>
                    <div class="fontclass">.icon-hangli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-icon-test"></i>
                    <div class="name">订单</div>
                    <div class="fontclass">.icon-icon-test</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-icon_wuyanfang"></i>
                    <div class="name">icon_无烟房</div>
                    <div class="fontclass">.icon-icon_wuyanfang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-dangao"></i>
                    <div class="name">蛋糕</div>
                    <div class="fontclass">.icon-dangao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-duihao"></i>
                    <div class="name">对号</div>
                    <div class="fontclass">.icon-duihao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-qianbao"></i>
                    <div class="name">钱包</div>
                    <div class="fontclass">.icon-qianbao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yiwen"></i>
                    <div class="name">疑问</div>
                    <div class="fontclass">.icon-yiwen</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xingxing1"></i>
                    <div class="name">星星</div>
                    <div class="fontclass">.icon-xingxing1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xingxing2"></i>
                    <div class="name">星星</div>
                    <div class="fontclass">.icon-xingxing2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-icon-test1"></i>
                    <div class="name">房子_4</div>
                    <div class="fontclass">.icon-icon-test1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tixing1"></i>
                    <div class="name">提醒</div>
                    <div class="fontclass">.icon-tixing1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-group53"></i>
                    <div class="name">企业网银</div>
                    <div class="fontclass">.icon-group53</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-dingwei"></i>
                    <div class="name">定位</div>
                    <div class="fontclass">.icon-dingwei</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shouye"></i>
                    <div class="name">首页</div>
                    <div class="fontclass">.icon-shouye</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yonghuming1"></i>
                    <div class="name">用户名</div>
                    <div class="fontclass">.icon-yonghuming1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-touchengkongyun"></i>
                    <div class="name">41头程、空运</div>
                    <div class="fontclass">.icon-touchengkongyun</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-weicheng"></i>
                    <div class="name">42尾程</div>
                    <div class="fontclass">.icon-weicheng</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zhuye"></i>
                    <div class="name">GUANGG,主页1</div>
                    <div class="fontclass">.icon-zhuye</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-calendar"></i>
                    <div class="name">calendar-日历</div>
                    <div class="fontclass">.icon-calendar</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-feiji"></i>
                    <div class="name">飞机 </div>
                    <div class="fontclass">.icon-feiji</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wodeweizhi"></i>
                    <div class="name">我的位置</div>
                    <div class="fontclass">.icon-wodeweizhi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shijian"></i>
                    <div class="name">时间</div>
                    <div class="fontclass">.icon-shijian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-feiji1"></i>
                    <div class="name">飞机</div>
                    <div class="fontclass">.icon-feiji1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiantou13"></i>
                    <div class="name">箭头</div>
                    <div class="fontclass">.icon-jiantou13</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-ren-copy"></i>
                    <div class="name">人</div>
                    <div class="fontclass">.icon-ren-copy</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zhengque"></i>
                    <div class="name">正确</div>
                    <div class="fontclass">.icon-zhengque</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tingchechang"></i>
                    <div class="name">停车场</div>
                    <div class="fontclass">.icon-tingchechang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-calendar1"></i>
                    <div class="name">日历</div>
                    <div class="fontclass">.icon-calendar1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tianjia1"></i>
                    <div class="name">添加</div>
                    <div class="fontclass">.icon-tianjia1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiahao"></i>
                    <div class="name">加号</div>
                    <div class="fontclass">.icon-jiahao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shangwu"></i>
                    <div class="name">商务</div>
                    <div class="fontclass">.icon-shangwu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-dizhi2"></i>
                    <div class="name">地址</div>
                    <div class="fontclass">.icon-dizhi2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiudian1"></i>
                    <div class="name"> 酒店2</div>
                    <div class="fontclass">.icon-jiudian1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-hangcheng3"></i>
                    <div class="name"> 行程</div>
                    <div class="fontclass">.icon-hangcheng3</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiaohuanqingqiu"></i>
                    <div class="name">交换请求</div>
                    <div class="fontclass">.icon-jiaohuanqingqiu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-qian"></i>
                    <div class="name">钱</div>
                    <div class="fontclass">.icon-qian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-huoche"></i>
                    <div class="name">火车</div>
                    <div class="fontclass">.icon-huoche</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-reshui1"></i>
                    <div class="name">热水</div>
                    <div class="fontclass">.icon-reshui1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiantouyoushang"></i>
                    <div class="name">箭头 右上</div>
                    <div class="fontclass">.icon-jiantouyoushang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-huochepiao"></i>
                    <div class="name">火车票</div>
                    <div class="fontclass">.icon-huochepiao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-qiantai"></i>
                    <div class="name">前台</div>
                    <div class="fontclass">.icon-qiantai</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiantou-copy1"></i>
                    <div class="name">箭头</div>
                    <div class="fontclass">.icon-jiantou-copy1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-dianhua1"></i>
                    <div class="name">电话</div>
                    <div class="fontclass">.icon-dianhua1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jianhao"></i>
                    <div class="name">减号</div>
                    <div class="fontclass">.icon-jianhao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xiugai"></i>
                    <div class="name">修改</div>
                    <div class="fontclass">.icon-xiugai</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-gongjiaoche1"></i>
                    <div class="name">公交车</div>
                    <div class="fontclass">.icon-gongjiaoche1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wushuju"></i>
                    <div class="name">无数据</div>
                    <div class="fontclass">.icon-wushuju</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wodeshenqing"></i>
                    <div class="name">我的申请</div>
                    <div class="fontclass">.icon-wodeshenqing</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-BAI-xunhuan"></i>
                    <div class="name">BAI-循环</div>
                    <div class="fontclass">.icon-BAI-xunhuan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-weixinzhifu"></i>
                    <div class="name">微信 支付</div>
                    <div class="fontclass">.icon-weixinzhifu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-weizhi"></i>
                    <div class="name">位置</div>
                    <div class="fontclass">.icon-weizhi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-youyongchi"></i>
                    <div class="name">游泳池</div>
                    <div class="fontclass">.icon-youyongchi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-gonggaoxinxi"></i>
                    <div class="name">公告信息</div>
                    <div class="fontclass">.icon-gonggaoxinxi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-qucheng"></i>
                    <div class="name">12去程</div>
                    <div class="fontclass">.icon-qucheng</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-dianhua"></i>
                    <div class="name">电话</div>
                    <div class="fontclass">.icon-dianhua</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tianjialianxiren"></i>
                    <div class="name">添加联系人</div>
                    <div class="fontclass">.icon-tianjialianxiren</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-lianjie"></i>
                    <div class="name">连接线1</div>
                    <div class="fontclass">.icon-lianjie</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zixun"></i>
                    <div class="name">咨询</div>
                    <div class="fontclass">.icon-zixun</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-huoche2"></i>
                    <div class="name">火车</div>
                    <div class="fontclass">.icon-huoche2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-rexiandianhua"></i>
                    <div class="name">热线电话</div>
                    <div class="fontclass">.icon-rexiandianhua</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-feiji2"></i>
                    <div class="name">飞机</div>
                    <div class="fontclass">.icon-feiji2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-icon_lift"></i>
                    <div class="name">电梯</div>
                    <div class="fontclass">.icon-icon_lift</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shenpi"></i>
                    <div class="name">飞机_1</div>
                    <div class="fontclass">.icon-shenpi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiantou-bot-copy"></i>
                    <div class="name">箭头</div>
                    <div class="fontclass">.icon-jiantou-bot-copy</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-ren1"></i>
                    <div class="name">联系人</div>
                    <div class="fontclass">.icon-ren1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-kefu1"></i>
                    <div class="name">客服</div>
                    <div class="fontclass">.icon-kefu1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-password-"></i>
                    <div class="name">password-1</div>
                    <div class="fontclass">.icon-password-</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-touxiang"></i>
                    <div class="name">touxiang</div>
                    <div class="fontclass">.icon-touxiang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zhizhangbence"></i>
                    <div class="name">纸张本册</div>
                    <div class="fontclass">.icon-zhizhangbence</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-drxx61"></i>
                    <div class="name">招聘计划审批</div>
                    <div class="fontclass">.icon-drxx61</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-drxx30"></i>
                    <div class="name">报销审批</div>
                    <div class="fontclass">.icon-drxx30</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jingguo"></i>
                    <div class="name">经过</div>
                    <div class="fontclass">.icon-jingguo</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-rili1"></i>
                    <div class="name">日历 日期</div>
                    <div class="fontclass">.icon-rili1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shanchu"></i>
                    <div class="name">加号</div>
                    <div class="fontclass">.icon-shanchu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-huoche1"></i>
                    <div class="name">火车 (1)</div>
                    <div class="fontclass">.icon-huoche1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-ziyuan"></i>
                    <div class="name">对勾</div>
                    <div class="fontclass">.icon-ziyuan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zhongcan"></i>
                    <div class="name">中餐</div>
                    <div class="fontclass">.icon-zhongcan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-kuandaigaihao"></i>
                    <div class="name">宽带改号</div>
                    <div class="fontclass">.icon-kuandaigaihao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shu"></i>
                    <div class="name">书 (1)</div>
                    <div class="fontclass">.icon-shu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-dongfengshangwu"></i>
                    <div class="name">东风商务</div>
                    <div class="fontclass">.icon-dongfengshangwu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zihangche"></i>
                    <div class="name">自行车</div>
                    <div class="fontclass">.icon-zihangche</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tubiaosvg-"></i>
                    <div class="name">设置</div>
                    <div class="fontclass">.icon-tubiaosvg-</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-dangqianweizhi"></i>
                    <div class="name">当前位置</div>
                    <div class="fontclass">.icon-dangqianweizhi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-clock"></i>
                    <div class="name">闹钟</div>
                    <div class="fontclass">.icon-clock</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-qiche"></i>
                    <div class="name">汽车</div>
                    <div class="fontclass">.icon-qiche</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-dingwei1"></i>
                    <div class="name">定位</div>
                    <div class="fontclass">.icon-dingwei1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-sousuo1"></i>
                    <div class="name">搜索</div>
                    <div class="fontclass">.icon-sousuo1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-pinglun"></i>
                    <div class="name">评论</div>
                    <div class="fontclass">.icon-pinglun</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jieshouhuichaxun"></i>
                    <div class="name">结售汇查询</div>
                    <div class="fontclass">.icon-jieshouhuichaxun</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-riqi"></i>
                    <div class="name">日期</div>
                    <div class="fontclass">.icon-riqi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-upload_a_picture"></i>
                    <div class="name">上传图片</div>
                    <div class="fontclass">.icon-upload_a_picture</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-tixing"></i>
                    <div class="name">提醒</div>
                    <div class="fontclass">.icon-tixing</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-baoxiao"></i>
                    <div class="name">报销</div>
                    <div class="fontclass">.icon-baoxiao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-chuifengji1"></i>
                    <div class="name">吹风机</div>
                    <div class="fontclass">.icon-chuifengji1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-dianhuazixunhuawuzongheguanli"></i>
                    <div class="name">电话咨询 话务综合管理#bl</div>
                    <div class="fontclass">.icon-dianhuazixunhuawuzongheguanli</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-umidd17"></i>
                    <div class="name">支付宝</div>
                    <div class="fontclass">.icon-umidd17</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-renyuanchakan"></i>
                    <div class="name">人员查看</div>
                    <div class="fontclass">.icon-renyuanchakan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shijianriqi"></i>
                    <div class="name">时间日期</div>
                    <div class="fontclass">.icon-shijianriqi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-feiji4"></i>
                    <div class="name">飞机</div>
                    <div class="fontclass">.icon-feiji4</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-bianhuan"></i>
                    <div class="name">变换</div>
                    <div class="fontclass">.icon-bianhuan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-bianjibiaoge"></i>
                    <div class="name">编辑表格</div>
                    <div class="fontclass">.icon-bianjibiaoge</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-guanliyuanrenzheng"></i>
                    <div class="name">管理员认证</div>
                    <div class="fontclass">.icon-guanliyuanrenzheng</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-anniu_xuanzhong"></i>
                    <div class="name">按钮_选中</div>
                    <div class="fontclass">.icon-anniu_xuanzhong</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-dengyu"></i>
                    <div class="name">等于</div>
                    <div class="fontclass">.icon-dengyu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-hangcheng1"></i>
                    <div class="name">2行程</div>
                    <div class="fontclass">.icon-hangcheng1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-chengrendachuang"></i>
                    <div class="name">成人大床</div>
                    <div class="fontclass">.icon-chengrendachuang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-diqiu-copy"></i>
                    <div class="name">地球</div>
                    <div class="fontclass">.icon-diqiu-copy</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-reshuihu"></i>
                    <div class="name">热水壶</div>
                    <div class="fontclass">.icon-reshuihu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-dianpu"></i>
                    <div class="name">店铺</div>
                    <div class="fontclass">.icon-dianpu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wifi"></i>
                    <div class="name">wifi</div>
                    <div class="fontclass">.icon-wifi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shouxin"></i>
                    <div class="name">授信</div>
                    <div class="fontclass">.icon-shouxin</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-changyonglianxiren"></i>
                    <div class="name">常用联系人</div>
                    <div class="fontclass">.icon-changyonglianxiren</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wodexinxi"></i>
                    <div class="name">我的信息</div>
                    <div class="fontclass">.icon-wodexinxi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-chuchabaoxiaodan"></i>
                    <div class="name">出差报销单</div>
                    <div class="fontclass">.icon-chuchabaoxiaodan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-gerenxinxi"></i>
                    <div class="name">个人信息</div>
                    <div class="fontclass">.icon-gerenxinxi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-chalvzhengce"></i>
                    <div class="name">差旅政策</div>
                    <div class="fontclass">.icon-chalvzhengce</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xiugai1"></i>
                    <div class="name">修改</div>
                    <div class="fontclass">.icon-xiugai1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-chuhangbuzhudan"></i>
                    <div class="name">出行补助单</div>
                    <div class="fontclass">.icon-chuhangbuzhudan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-chuchashenqingdan"></i>
                    <div class="name">出差申请单</div>
                    <div class="fontclass">.icon-chuchashenqingdan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-changyongchuhangren"></i>
                    <div class="name">常用出行人</div>
                    <div class="fontclass">.icon-changyongchuhangren</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shezhi2"></i>
                    <div class="name">设置</div>
                    <div class="fontclass">.icon-shezhi2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-qian1"></i>
                    <div class="name">钱</div>
                    <div class="fontclass">.icon-qian1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zhengce"></i>
                    <div class="name">政策</div>
                    <div class="fontclass">.icon-zhengce</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-hangcheng"></i>
                    <div class="name">行程</div>
                    <div class="fontclass">.icon-hangcheng</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-hangcheng2"></i>
                    <div class="name">行程1</div>
                    <div class="fontclass">.icon-hangcheng2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wode"></i>
                    <div class="name">1我的</div>
                    <div class="fontclass">.icon-wode</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-wode1"></i>
                    <div class="name">我的</div>
                    <div class="fontclass">.icon-wode1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shouye1"></i>
                    <div class="name">首页</div>
                    <div class="fontclass">.icon-shouye1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-mianfeizaocan"></i>
                    <div class="name">免费早餐</div>
                    <div class="fontclass">.icon-mianfeizaocan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yizi"></i>
                    <div class="name">椅子]</div>
                    <div class="fontclass">.icon-yizi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-yizi1"></i>
                    <div class="name">椅子2</div>
                    <div class="fontclass">.icon-yizi1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-gt"></i>
                    <div class="name">gt</div>
                    <div class="fontclass">.icon-gt</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-dc"></i>
                    <div class="name">dc (1)</div>
                    <div class="fontclass">.icon-dc</div>
                </li>
            
                <li>
                <i class="icon iconfont icon--xunhuanshijian"></i>
                    <div class="name">894-循环时间</div>
                    <div class="fontclass">.icon--xunhuanshijian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-huochexunhuanshijian"></i>
                    <div class="name">火车循环时间</div>
                    <div class="fontclass">.icon-huochexunhuanshijian</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-gangjing"></i>
                    <div class="name">杠精</div>
                    <div class="fontclass">.icon-gangjing</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-B"></i>
                    <div class="name">B</div>
                    <div class="fontclass">.icon-B</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-C"></i>
                    <div class="name">C</div>
                    <div class="fontclass">.icon-C</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-A"></i>
                    <div class="name">A</div>
                    <div class="fontclass">.icon-A</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-D"></i>
                    <div class="name">D</div>
                    <div class="fontclass">.icon-D</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-f"></i>
                    <div class="name">f</div>
                    <div class="fontclass">.icon-f</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-A1"></i>
                    <div class="name">1A</div>
                    <div class="fontclass">.icon-A1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-B1"></i>
                    <div class="name">B (2)</div>
                    <div class="fontclass">.icon-B1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-cc"></i>
                    <div class="name">cc</div>
                    <div class="fontclass">.icon-cc</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-D1"></i>
                    <div class="name">1D</div>
                    <div class="fontclass">.icon-D1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-F"></i>
                    <div class="name">1F</div>
                    <div class="fontclass">.icon-F</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shikebiao"></i>
                    <div class="name">shikebiao</div>
                    <div class="fontclass">.icon-shikebiao</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiejifuwu"></i>
                    <div class="name">接机服务</div>
                    <div class="fontclass">.icon-jiejifuwu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiuba"></i>
                    <div class="name">酒吧</div>
                    <div class="fontclass">.icon-jiuba</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-guojichangtu"></i>
                    <div class="name">国际长途1</div>
                    <div class="fontclass">.icon-guojichangtu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-waibiduihuan"></i>
                    <div class="name">外币兑换</div>
                    <div class="fontclass">.icon-waibiduihuan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-kafeiting"></i>
                    <div class="name">咖啡厅</div>
                    <div class="fontclass">.icon-kafeiting</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-youzhengfuwu"></i>
                    <div class="name">邮政服务</div>
                    <div class="fontclass">.icon-youzhengfuwu</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-xishicanting"></i>
                    <div class="name">西式餐厅</div>
                    <div class="fontclass">.icon-xishicanting</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zaocan"></i>
                    <div class="name">早餐</div>
                    <div class="fontclass">.icon-zaocan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zhuanzhihangliyuan"></i>
                    <div class="name">专职行李员</div>
                    <div class="fontclass">.icon-zhuanzhihangliyuan</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-sangnafang"></i>
                    <div class="name">桑拿房</div>
                    <div class="fontclass">.icon-sangnafang</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-dunpai1"></i>
                    <div class="name">盾牌</div>
                    <div class="fontclass">.icon-dunpai1</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zuanshi"></i>
                    <div class="name">钻石</div>
                    <div class="fontclass">.icon-zuanshi</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-zuanshi-"></i>
                    <div class="name">钻石-11</div>
                    <div class="fontclass">.icon-zuanshi-</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-huoche3"></i>
                    <div class="name">火车</div>
                    <div class="fontclass">.icon-huoche3</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-feiji5"></i>
                    <div class="name">飞机</div>
                    <div class="fontclass">.icon-feiji5</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-jiudian2"></i>
                    <div class="name">酒店</div>
                    <div class="fontclass">.icon-jiudian2</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-canyin"></i>
                    <div class="name">餐饮</div>
                    <div class="fontclass">.icon-canyin</div>
                </li>
            
                <li>
                <i class="icon iconfont icon-shineijiaotong"></i>
                    <div class="name">市内交通</div>
                    <div class="fontclass">.icon-shineijiaotong</div>
                </li>
            
        </ul>

        <h2 id="font-class-">font-class引用</h2>
        <hr>

        <p>font-class是unicode使用方式的一种变种，主要是解决unicode书写不直观，语意不明确的问题。</p>
        <p>与unicode使用方式相比，具有如下特点：</p>
        <ul>
        <li>兼容性良好，支持ie8+，及所有现代浏览器。</li>
        <li>相比于unicode语意明确，书写更直观。可以很容易分辨这个icon是什么。</li>
        <li>因为使用class来定义图标，所以当要替换图标时，只需要修改class里面的unicode引用。</li>
        <li>不过因为本质上还是使用的字体，所以多色图标还是不支持的。</li>
        </ul>
        <p>使用步骤如下：</p>
        <h3 id="-fontclass-">第一步：引入项目下面生成的fontclass代码：</h3>


        <pre><code class="lang-js hljs javascript"><span class="hljs-comment">&lt;link rel="stylesheet" type="text/css" href="./iconfont.css"&gt;</span></code></pre>
        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
        <pre><code class="lang-css hljs">&lt;<span class="hljs-selector-tag">i</span> <span class="hljs-selector-tag">class</span>="<span class="hljs-selector-tag">iconfont</span> <span class="hljs-selector-tag">icon-xxx</span>"&gt;&lt;/<span class="hljs-selector-tag">i</span>&gt;</code></pre>
        <blockquote>
        <p>"iconfont"是你项目下的font-family。可以通过编辑项目查看，默认是"iconfont"。</p>
        </blockquote>
    </div>
</body>
</html>
